<template>
  <div>
    <menu-sidebar :visible ="visible" :menu="menu"></menu-sidebar>
  </div>
</template>

<script>
import { SidebarMenu } from 'vue-sidebar-menu'
import
export default {
    name:'SideBar',
    data() {
        return {
            visible: true,
            menu: [
                  {
                      header: true,
                      title: 'Main Navigation',
                      hiddenOnCollapse: true
                  },
                  {
                      href: '/1',
                      title: 'Menu 1',
                      icon: 'ICON CLASS HERE'
                  },
                  {
                      href: '/2',
                      title: 'Menu 2',
                      icon: 'ICON CLASS HERE',
                      child: [
                          {
                              href: '/2-1',
                              title: 'Menu 2-1'
                          }
                      ]
                  }
              ]
        }
    },
 
    components: {
        MenuSidebar:SidebarMenu
    }
}
</script>

<style>

</style>